<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" lang="en">
	<head>
		<meta charset="UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<title>好农易</title>
	<link href="css1/bootstrap.min.css" rel="stylesheet"/>
	<link href="css1/style.css" rel="stylesheet"/>
	<!--[if lt IE 9]>
		<script src="js/html5.js"></script>
		<script src="js/respond.min.js"></script>
	<![endif]-->
<div th:if="${#strings.isEmpty(session.UVO.guestName)}">
	<meta http-equiv="REFRESH" content="0;url=initGuestLogin" />
</div>
</head>
<body>
	<div class="top">
	<div th:replace="mobile/topBar :: page-top-bar"></div>
	</div>
	<!-- top over -->

	<div class="header">
			<div th:replace="mobile/header :: page-header"></div>
	</div>
	<!-- header over -->

	<div class="navBox yh">
	<div th:replace="mobile/menu :: page-menu"></div>
	</div>
	<!-- nav over -->

	<div class="container main">
		<p class="breadNav"><a href="#">首页</a><i>&gt;</i>个人中心</p>

		<div class="row">
			<div class="col-md-2 ceterL">
				<ul class="centerMenu cf ">
					<li class="curr"><a href="order">我的订单</a><i></i></li>
					<li><a href="initCart">我的购物车</a><i></i></li>
					<li><a href="initReceive">地址管理</a><i></i></li>
				</ul>
			</div>
			
			<div class="col-md-10 ceterR">
			    <div class="table-responsive">
			    	<table class="table table-bordered table-order-t">
				       	<thead>
				         	<tr>
					           	<th class="wp50">商品</th>
					           	<th class="wp10">实付(元)</th>
					           	<th class="wp15">订单状态</th>
				         	</tr>
				       	</thead>
			       </table>

			      	<table class="table table-bordered table-order" th:each="order,status:${orderList}">
				       	<thead>
				         	<tr >
					           	<th colspan = "5">
					           		<div class="cf f12 orderT">
					           			<p class="fl">交易时间：<span class="time" th:text="${order.updateTime}"></span>订单号：<span th:text="${order.outTradeNo}"></span></p>
					           			<p class="fr"><a th:href="@{deleteOrder(outTradeNo=${order.outTradeNo})}" class="ico-del"></a></p>
					           		</div>
					           	</th>
				         	</tr>
				       	</thead>
				       	<tbody>
				         	<tr>
					           	<td class="wp50">
									<h4><span th:text="${order.subject}">商品</span></h4>
					           	</td>
					           	<td class="wp10">¥<span th:text="${order.price}"></span></td>
					           	
					           	<td class="wp15">
						           	<div th:if="${#strings.isEmpty(order.isPaid)}">
						           		<span>未付款</span>
						           		<a th:href="@{replayOrder(outTradeNo=${order.outTradeNo})}" class="btn btn-success yh"><span>登录支付宝重新付款</span></a>
						           	</div>
						           	<div th:if="${#bools.isTrue(order.isPaid)}">
						           		<span>已付款</span>
						           	</div>
					           	</td>
					           	
				         	</tr>
				       	</tbody>
			       </table>
			    </div>

			    <ul class="pagination fr">
				  	<li><a href="order?index=0">«第一页</a></li>
				  	<li th:each="pages,sts:${pagesList}" th:class="${alipayForm.index==sts.index}?'active':''"><a th:href="@{order(index=${sts.index})}" th:text="${pages}">1</a></li>
				  	<li><a th:href="@{order(index=${pagesList.size()}-1)}">最后一页»</a></li>
				</ul>


			</div>
		</div>
		
		
	</div>
	<!-- 个人中心 over -->

	<footer class="foot mt20 tc">
		<div th:replace="mobile/footer :: page-footer"></div>
	</footer>
	<!--footer over  -->

	<script src="js1/jquery-1.11.3.min.js"></script>
	<script src="js1/bootstrap.min.js"></script>
	<script src="js1/jquery-latest.min.js"></script>
	<script src="js1/unslider.min.js"></script>
	<script src="js1/jquery.event.move.js"></script>
	<script src="js1/jquery.event.swipe.js"></script>
	<script src="js1/comm.js"></script>
</body>
</html>